<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>

  <!-- 容器 放置图表的容器 有宽和高 -->
  <div style="width:500px;height:400px;border:2px solid red"></div>

  <!-- 引入工具库 -->
  <!-- src: source -->
  <script src="echarts.min.js"></script>
  <script>
    // 初始化容器
    var div = document.querySelector('div')
    var echartsBox = echarts.init(div)  // 容器名称

    // 给容器设置配置项

    echartsBox.setOption({
        title: {
          text: '信思智学',
          // link: 'https://www.baidu.com'
        },
        xAxis: {
          // show: false,
          name: 'snail',
          nameRotate: 45,
          type: 'category',
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
          type: 'value'
        },
        series: [
          {
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
          }
        ]
      })

  </script>
</body>
</html>